<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" />
    <title></title>
    <link href="/dist/css/app/Web.css" type="text/css" rel="stylesheet" />
    <script src="/dist/lib/client.js"></script>
    <script src="/dist/lib/jquery/jquery-2.1.0.min.js"></script>
    <script src="/dist/lib/jquery/jquery.getURLVars.js"></script>
    <script>
        $(function(){
            if (client.system.iphone) {
                $('#closeBtn').click(function(){
                    window.webkit.messageHandlers.AppModel.postMessage({body: 'xxx'});
                });
            } else if (client.system.android) {
                $('#closeBtn').click(function(){
                    window.control.finishWebView();
                });
            } else {
                alert("您的设备不支持");
                document.location.replace('http://www.d1-bus.com/');
            }
            var orderNo = $.getUrlVar('orderNo'),
                amount = $.getUrlVar('amount');

            if(amount !== 'undefined'){
                $('#amount').html(amount+"元");
            }
            if(orderNo !== 'undefined'){
                $('#orderNo').html('您的订单号为：'+orderNo);
            }
        });
    </script>
</head>
<body>
<div class="PageHeader">
    <img src="../images/app/backicon.png" onclick="javascript: history.go(-1);" style="cursor:pointer;">嘀一科技
    <a id="closeBtn">关闭</a>
</div>
<div align="center">
    <div class="pic ok"></div>
</div>
<div align="center">
    <label id="orderNo" style="font-size: 12px;"></label><br/><br/><br/>
    <label style="font-size: 18px"> 支付成功 </label><br/><br/><br/>
    <label id="amount" style="font-size: 28px;color: #17B4EB;"></label>
</div>
</body>
</html>